﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>支付</title>
<link href="../html/css/main.css" rel="stylesheet" type="text/css" />
<link href="../html/css/common.css" rel="stylesheet" type="text/css" />
<link href="../html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="lh-50 white">支付</label>
  <a href="javascript:history.go(-1)" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<ul class="step-panel">                                 
  <li class="gone"><i>1</i>投保产品</li>
  <li class="gone"><i>2</i>客户信息</li>
  <li class="gone"><i>3</i>其他投保选项</li>
  <li class="gone"><i>4</i>告知及问卷</li>
  <li class="gone"><i>5</i>投保资料阅读</li>
  <li class="gone"><i>6</i>投保确认</li>
  <li class="gone"><i>7</i>签字</li>
  <li class="gone"><i>8</i>拍照</li>
  <li class="active"><i>9</i>支付</li>
</ul>
<!--内容区域 start-->
<div class="H_step" id="wrapper">
  <div>   
    <div class="padding-3">
      <div class="blank-1"></div>
      <div class="form-group">
        <label class="col-md-2 control-label">订单号</label> 
        <div class="col-md-10">
          <p class="form-control-static blue" id="orderId"></p>
        </div>
        <div class="clearfix"></div>
        <label class="col-md-3 control-label">原首期保费支付方式</label>
        <div class="col-md-3">
          <p class="form-control-static blue" id="nbPaymentMethodName"></p>
        </div>
        <label class="col-md-3 control-label">首期保费新支付方式</label>
        <div class="col-md-3">
          <select class="form-control" id="nbPaymentMethods" onchange="paymentMethod()"></select>
        </div>
        
      </div>
      <hr>
      <br/>
      <p class="font-18 lh-30 p-2em">本投保人同意采用银行自动转账方式交纳首期和续期保险费，并授权中德安联及本人指定的银行自本人的授权账户自动扣取当期应交的保险费。今后如有与本合同有关的退还金额或投保人的领取金额，本人也授权中德安联将相关款项转到授权账户。如发生合法的、授权人应予退回的款项，本人也同意通过该账号予以退回。</p>
      <br/>
      
      <div id="bankPay">
      
      <span class="check_blo lh-30">
      	 <a class="btn btn-primary btn-outline" id="sameMoney1">同交费账户</a>
      </span>
      
      <div class="blank-1"></div>
      <div class="form-group">
        <label class="col-md-4 control-label"><span class="red">*</span>首期保费交费银行账户开户行</label>
        <div class="col-md-6">
          <select class="form-control" id="pmBankCategories">
          </select>
        </div>
      </div>
      <div class="form-group">
        <label class="col-md-4 control-label"><span class="red">*</span>开户地</label>
        <div class="col-md-2">
          <select class="form-control" id="bankProvinces" onchange="selBankCity()">
          </select>
        </div>
        <label class="col-md-2 control-label"><span class="red">*</span>省（直辖市）</label>
        <div class="col-md-2">
          <select class="form-control" id="bankCities"></select>
        </div>
      </div>
      <div class="form-group">
        <label class="col-md-4 control-label"><span class="red">*</span>首期保费交费银行账户号码</label>
        <div class="col-md-6">
          <input class="form-control" type="text" id="pmBaNo" placeholder="银行卡账号"/>
        </div>
      </div>
      </div>
    </div>
  </div> 
</div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-1 col-md-offset-4">
    <!-- <a class="btn btn-primary btn-lg btn-block" href="javascript:history.go(-1)"><span class="icon icon-left-circle"></span>上一步</a> -->
  </div>
  <div class="col-md-2">
    <a class="btn btn-warning btn-lg btn-block" href="javascript:saveEditPay()"><span class="icon icon-ok"></span>确定</a>
  </div>
</div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="../html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>
<!--js全放底部-->
<script src="../html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="../html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="../html/js/idangerous.swiper.min.js"></script>
<script src="../html/js/iscroll.js" type="text/javascript"></script>
<script src="../html/js/idangerous.swiper.3dflow.js"></script>
<script src="../html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/editPay.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
</body>
</html>
